<%--&lt;%&ndash;--%>
  <%--Created by IntelliJ IDEA.--%>
  <%--User: sunhao--%>
  <%--Date: 2015/7/16--%>
  <%--Time: 13:38--%>
  <%--To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>
<%--<html>--%>
<%--<head>--%>
  <%--<title>用户列表</title>--%>
  <%--<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>--%>
  <%--<link href="/static/bui/css/bs3/dpl.css" rel="stylesheet" type="text/css"/>--%>
  <%--<link href="/static/bui/css/bs3/bui.css" rel="stylesheet" type="text/css"/>--%>
<%--</head>--%>
<%--<body>--%>
<%--<div class="search-grid-container">--%>
  <%--<div id="grid">--%>
  <%--</div>--%>
<%--</div>--%>
<%--<script type="text/javascript" src="/static/bui/js/jquery-1.8.1.min.js"></script>--%>
<%--<script type="text/javascript" src="/static/bui/js/bui.js"></script>--%>
<%--<script type="text/javascript">--%>

  <%--BUI.use('bui/data','bui/grid', function (Data,Grid) {--%>
<%--//    var enumObj = {"1": "可用", "0": "停用"};--%>
<%--//    var editing = new BUI.Grid.Plugins.DialogEditing({--%>
<%--//      contentId: 'content', //设置隐藏的Dialog内容--%>
<%--//      autoSave: true, //添加数据或者修改数据时，自动保存--%>
<%--//      triggerCls: 'btn-edit'--%>
<%--//    });--%>
    <%--var  data = [--%>
      <%--<c:forEach items="${userNames}" var="p">--%>
    <%--{--%>
      <%--id: '${p._id}',--%>
      <%--email: '${p.userName}'--%>
    <%--},--%>
    <%--</c:forEach>--%>
    <%--]--%>
    <%--var columns = [--%>
      <%--{title: 'ID', sortable: false, dataIndex: 'id'},--%>
      <%--{title: '邮箱', width: 200, sortable: true, dataIndex: 'email'},--%>

    <%--];--%>

    <%--var store = new Data.store({--%>
      <%--data:data,--%>
      <%--pageIndex:10--%>
    <%--})--%>

    <%--var grid = new Grid.grid(--%>
            <%--{--%>
              <%--columns:columns,--%>
              <%--store:store--%>
            <%--}--%>
    <%--)--%>

<%--//    var store = Search.createStore('user/email/find', {--%>
<%--//              proxy: {--%>
<%--//                method: 'POST'--%>
<%--//              },--%>
<%--//              autoSync: true //保存数据后，自动更新--%>
<%--//            }),--%>
<%--//            gridCfg = Search.createGridCfg(columns, {--%>
<%--//              tbar: {--%>
<%--//                items: [--%>
<%--//                  {--%>
<%--//                    text: '<i class="icon-plus"></i>新建',--%>
<%--//                    btnCls: 'button button-small',--%>
<%--//                    handler: addFunction--%>
<%--//                  },--%>
<%--//                  {--%>
<%--//                    text: '<i class="icon-remove"></i>删除',--%>
<%--//                    btnCls: 'button button-small',--%>
<%--//                    handler: delFunction--%>
<%--//                  }--%>
<%--//                ]--%>
<%--//              },--%>
<%--//              plugins: [editing,  BUI.Grid.Plugins.CheckSelection, BUI.Grid.Plugins.AutoFit] // 插件形式引入多选表格--%>
<%--//            });--%>
<%--//--%>
<%--//--%>
<%--//    var search = new Search({--%>
<%--//              store: store,--%>
<%--//              gridCfg: gridCfg--%>
<%--//            }),--%>
<%--//            grid = search.get('grid');--%>
<%--//--%>
<%--//--%>
<%--//    function addFunction() {--%>
<%--//      var newData = {isNew: true, id: 0}; //标志是新增加的记录--%>
<%--//      editing.add(newData, 'name'); //添加记录后，直接编辑--%>
<%--//    }--%>
<%--//--%>
<%--//--%>
<%--//    //删除操作--%>
<%--//    function delFunction() {--%>
<%--//      var selections = grid.getSelection();--%>
<%--//      delItems(selections);--%>
<%--//    }--%>
<%--//--%>
<%--//    function delItems(items) {--%>
<%--//      var ids = [];--%>
<%--//      BUI.each(items, function (item) {--%>
<%--//        ids.push(item.id);--%>
<%--//      });--%>
<%--//--%>
<%--//      if (ids.length) {--%>
<%--//        BUI.Message.Confirm('确认要删除选中的记录么？', function () {--%>
<%--//          $.ajax({--%>
<%--//            url: '/user/email/delete',--%>
<%--//            dataType: 'json',--%>
<%--//            data: {ids: ids.toString()},--%>
<%--//            type: "POST",--%>
<%--//            success: function (data) {--%>
<%--//              if (data.code == 2000) {--%>
<%--//                search.load()--%>
<%--//              } else {--%>
<%--//                BUI.Message.Alert("删除失败")--%>
<%--//              }--%>
<%--//            }--%>
<%--//          })--%>
<%--//        }, 'question');--%>
<%--//      }--%>
<%--//    }--%>

    <%--//监听事件，删除一条记录--%>
<%--//    grid.on('cellclick', function (ev) {--%>
<%--//      var sender = $(ev.domTarget); //点击的Dom--%>
<%--//      if (sender.hasClass('btn-del')) {--%>
<%--//        var record = ev.record;--%>
<%--//        delItems([record]);--%>
<%--//      }--%>
<%--//    });--%>
  <%--});--%>


<%--</script>--%>
<%--</body>--%>
<%--</html>--%>
